<!--  @author:ymy  -->
<template>
  <div class="community">
    <van-tabs v-model="active">
      <van-tab title="作品" name="works"><Works /></van-tab>
      <van-tab title="指绘" name="painting"><Painting /></van-tab>
      <van-tab title="讨论" name="discuss"><Discuss /></van-tab>
    </van-tabs>
  </div>
</template>

<script>
import Works from './Works';
import Painting from './Painting';
import Discuss from './Discuss';
export default {
  name: 'Community',
  data() {
    return {
      active: 'works',
    };
  },
  components: {
    Works,
    Painting,
    Discuss,
  },
};
</script>
<style lang="less" scoped>
.community {
  margin-top: 0.44rem;
  font-size: 0.16rem;
  margin-bottom: 0.49rem;
  /deep/ .van-tabs__wrap {
    border-bottom: 0.01rem solid #e6e6e6;
  }
  /deep/ .van-tabs {
    .van-tab {
      font-size: 0.16rem;
    }
  }
}
</style>
